<template>
  <section class="page_404">
    <div class="four_zero_four_bg">
      <h1>404 Not Found</h1>
      <h3>URL <font color="red">'{{ hash }}'</font> IS Not Found</h3>
    </div>

    <div class="contant_box_404">
      <h3>您好像来到了一个不存在的地方o(╥﹏╥)o</h3><br>
      <el-button type="primary"><router-link to="/">返回首页</router-link></el-button>
    </div>
  </section>
</template>

<script setup>
  const hash = document.location.href
</script>

<style lang="scss" scoped>
.page_404 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px 0;
  background-color: #fff;
  text-align: center;
  margin-top: 80px;
  img {
    width: 100%;
  }
}

.four_zero_four_bg {
  background-image: url("@/assets/image/404.gif");
  height: 400px;
  width: 50%;
  background-position: center;

  h1 {
    font-size: 40px;
  }
}
</style>
